{{- $groups := dict
" Generic" $.Site.Data.components.secret_stores.generic
"Microsoft Azure" $.Site.Data.components.secret_stores.azure
"Alibaba Cloud" $.Site.Data.components.secret_stores.alibaba
"Google Cloud Platform (GCP)" $.Site.Data.components.secret_stores.gcp
"Amazon Web Services (AWS)" $.Site.Data.components.secret_stores.aws
}}

<style>
    table,
    thead,
    tbody,
    tr {
        width: 100% !important
    }
</style>
<div width="100%" class="td-content">
    {{ range $group, $components := $groups }}
    <h3>{{ $group }}</h3>
    <table>
        <tr>
            <th>Component</th>
            <th>Status</th>
            <th>Component version</th>
            <th>Since runtime version</th>
        </tr>
        {{ range sort $components "component" }}
        <tr>
            <td><a href="/reference/components-reference/supported-secret-stores/{{ .link }}/" }}>{{ .component
                    }}</a>
            </td>
            <td>{{ .state }}</td>
            <td>{{ .version }}</td>
            <td>{{ .since }}</td>
        </tr>
        {{ end }}
    </table>
    {{ end }}
</div>

{{ partial "components/componenttoc.html" . }}